﻿
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
    <link rel="stylesheet" href="~/Web/css/Login.css" />
</head>
<body>

    <div class="container-fulid Login-back">
        <div class="row">
            <div class="col-md-6 offset-md-2 Login-notes">
                <div class="col-md-6 Login-details">
                    <h3>vi/Vim</h3>
                    <p style="line-height: 46.5px;">
                        vi/Vim 的上下左右移动键，不知道你想过没有，vi/Vim 为何使用 HJKL 作为光标的上下左右移动键呢？ 据说，比尔·乔伊创造 vi 时所用的设备是 ADM 3A，那时候还没有单独的方向键，而这个终端的 HJKL 键 分别可以进行左下上右方向的操作。
                    </p>
                </div>
            </div>

            <div class="col-md-3 Login-main">
                <div class="Login-tips">
                    <img src="~/Web/Image/Login-Logo.png" alt="">
                </div>
                <form method="post">
                    <div class="Login">
                        <div class="account">
                            <input type="text" name="account" id="" placeholder="账号/邮箱 皆可登入">
                        </div>

                        <div class="password">
                            <input type="password" name="pwd" id="" placeholder="请输入密码">
                        </div>

                        <div class="start">
                            <button type="submit" >登入</button>
                        </div>
                    </div>
                </form>
                
            </div>
        </div>
    </div>
    
</body>
</html>
